<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>充值已完成</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/cdzjxd.css" rel="stylesheet">
</head>

<body class="gray-bg">

	<div class="cx bg-1">
    <form role="form">
    <div class="input-group cd-se lf">
         <input type="text" class="form-control" value="请输入手机号/账号"> <span class="input-group-btn"> <button type="button" class="btn btn-primary">搜索 </button> </span>
                                    </div>
    <div class="time lf">
                       
        <div class="form-group">
                                        <label class="  lf">充电时间：</label>
                                        <div class="col-sm-10 lf">
                                            <input placeholder="开始日期" class="form-control layer-date lf" id="start">
                                            <em class="lf">-</em>
                                            <input placeholder="结束日期" class="form-control layer-date lf" id="end">
                                        </div>
                                    </div>   
                    </div> 
                      
                  <div class="form-group  lf">
                                <div class="col-sm-offset-3 cd-cx col-sm-8 lf">
                                    <button class="btn btn-sm btn-info" type="submit">查询</button>
                                </div>
                          
                            
                                <div class="col-sm-offset-3 cd-cz col-sm-8 lf">
                                    <button class="btn btn-sm btn-info" type="submit">重置</button>
                                </div>
                            </div>              
       </form>
          <br class="cl"/>
    </div>

 

      
    </div>
   
   <div class="dsx bg-1">
  	 <form role="form">
   		<div class="form-group ">
                                <div class=" lf">
                                    <button class="zjxd-btn btn btn-sm btn-info" type="submit">导  出</button>
                                </div>
                          
                               
                                <br class="cl"/>
                            </div>  
     </form>
   </div>


<div class="mail-box bg-1">

       <table id="tb" class="table table-hover table-mail">
                    
                    
                        <tbody>
                            <tr class="unread">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                <td class="mail-ontact">序号
                                </td>
                                <td class="mail-subject">订单编号
                                </td>
                                <td class="">用户账号 </td>
                                <td class="">时间 </td>
                                <td class="">支付方式 </td>
                                <td class="">金额 </td>
                                <td class="">余额 </td>
                                
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">1
                                </td>
                                <td class="mail-ontact"><a href="dingdan.html">JS00000000000001</a>
                                </td>
                                <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">2
                                </td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 支付宝</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">3</td>
                                 <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">4</td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">5</td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 支付宝</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">6</td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">7</td>
                                 <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">8</td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 支付宝</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">9
                                </td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                 <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">10</td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                               <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">11
                                </td>
                                 <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 支付宝</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                               <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">12
                                </td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 支付宝</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">13
                                </td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 支付宝</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                            <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">14
                                </td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                             <tr class="read">
                                <td class="check-mail">
                                    <input type="checkbox" class="i-checks">
                                </td>
                                 <td class="mail-ontact">15
                                </td>
                                <td class="mail-ontact"><a href='dingdan.html'">JS00000000000001</a>
                                </td>
                                 <td class="mail-subject"><a href="zhanghu-xq.html">admin20180620001</a>
                                </td>
                                <td class=""> 2018-06-21 14:25:48</td>
                                <td class=""> 微信</td>
                                
                                <td class=""> +233.00</td>
                                <td class="">333.33</td>
                            </tr>
                        </tbody>
                    </table>
<div class="container">
        <div style="margin-bottom:20px;">
            <ul id="page"></ul>
        </div>
    </div>

                </div>
                
    
    
    
    
  <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>

    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
     <script type="text/javascript" src="js/jquery.min.js"></script>
            <script type="text/javascript" src="js/selectFilter.js"></script>
            <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/bootstrap-paginator.js" type="text/javascript"></script>

		<script type="text/javascript">
						
			//这里是初始化
			$('.filter-box').selectFilter({
				callBack : function (val){
					//返回选择的值
					console.log(val+'-是返回的值')
				}
			});
			
			$('.filter-boxs').selectFilter({
				callBack : function (val){
					//返回选择的值
					console.log(val+'-是返回的值')
				}
			});
		</script>         
      <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        $(function(){
		  $('#tb tbody tr:even').css("backgroundColor","#f9f9f9");
		    var currentPage = 1;
           var totalPages = 25;
           $("#page").bootstrapPaginator({
               bootstrapMajorVersion:3, //对应的bootstrap版本
               currentPage: currentPage, //当前页数
               numberOfPages: 10, //每次显示页数
               totalPages:totalPages, //总页数
               
               //点击事件
               onPageClicked: function (event, originalEvent, type, page) {
                   

               }
           });
 })
$(".form-control").focus(function(){
		var txt_value=$(this).val();//获取地址文本框的值
		if(txt_value=="请输入手机号/账号"){
			$(this).val("");	
			}
	});
		$(".form-control").blur(function(){
		var txt_value=$(this).val();//获取地址文本框的值
		if(txt_value==""){
			$(this).val("请输入手机号/账号");
		}
	});

        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    </script>


</body>

</html>
